/* ============================================================
   DIWALI GLOW THEME
   Palette:
     espresso  #6b1428   (footer, float tops, sidebar anchor)
     header    #8b1833 -> #c94a35 gradient
     coffee    #8b1833   (modal tops, private panel)
     bean      #8f1f35   (default buttons, my_log)
     mocha     #c94a35   (secondary button)
     caramel   #d99a2b   (THEME accent - primary buttons, icons, links)
     latte     #f3cf75   (sliders, soft accents)
     foam      #fff8ed   (boxes)
     cream     #ffffff   (tabs)
     text      #4a2630   (body text on light surfaces)
   ============================================================ */

/* general colors */
a { color:#d99a2b; }
body { background:#fff8ed; color:#4a2630; }
button { background:transparent; color:#fff; }
input, textarea, .post_input_container { background:#f2f2f2; border:1px solid #e6e6e6 !important; color:#666; }
.setdef { color:#4a2630; }

/* headers, footer and top modal colors */
.bhead { background:linear-gradient(to bottom, #8b1833, #c94a35); color:#fff; }
.modal_top { background:linear-gradient(to bottom, #8b1833, #c94a35); color:#fff; }
.pro_top { background:linear-gradient(to bottom, #8b1833, #c94a35); color:#fff; }
.bfoot { background:#6b1428; color:#fff; }
.foot { background:linear-gradient(to bottom, #8b1833, #c94a35); color:#fff; }
.float_top { background:linear-gradient(to bottom, #8b1833, #c94a35); color:#fff; }
.float_ctop { background:linear-gradient(to bottom, #8b1833, #c94a35); color:#fff; }

/* item with background no effect */
.bback { background:rgba(217,154,43,0.05); }

/* item with background no effect with border */
.bbackb { background:rgba(217,154,43,0.05); border:1px solid rgba(217,154,43,0.12); }

/* item with no background and hover effect */
.bhover:hover, .bhoverr:hover { background:rgba(217,154,43,0.08); }

/* item with background and hover effect */
.bbackhover { background:rgba(217,154,43,0.05); }
.bbackhover:hover { background:rgba(217,154,43,0.10); }

/* item with background and hover effect with a border */
.bbackhoverb { background:rgba(217,154,43,0.05); border:1px solid transparent; }
.bbackhoverb:hover { background:rgba(217,154,43,0.10); border:1px solid rgba(217,154,43,0.18); }

/* item with no background with line separator and hover effect */
.blisting { border-bottom:1px solid rgba(217,154,43,0.12); }
.blisting:hover { background:rgba(217,154,43,0.06); }

/* item with no background with line separator */
.blist { border-bottom:1px solid rgba(217,154,43,0.12); }

/* private panel top */
.back_ptop { background:linear-gradient(to bottom, #8b1833, #c94a35); color:#fff; }

/* page menu & page sub menu */
.bpmenu:hover { background:rgba(255,255,255,0.15); }

/* sub menus */
.bmenu, .submenu { border-bottom:1px solid rgba(217,154,43,0.08); }
.bmenu:hover, .submenu:hover { background:rgba(217,154,43,0.06); }

/* box shadow */
.bshadow, .page_element, .float_menu, .btnshadow, .pboxed { box-shadow:0 1px 3px rgba(107,20,40,0.18); }

/* main item selected */
.bselected { background:rgba(217,154,43,0.14); }

/* reg menu selected */
.rselected { background:rgba(217,154,43,0.14); }

/* page selected */
.pselected { color:#d99a2b; }

/* current item selected */
.cselected, .liked { background:rgba(217,154,43,0.08); }

/* paginate item selected */
.pag_btn { background:rgba(217,154,43,0.06); color:#d99a2b; }
.pagselected, .pag_btn:hover { background:rgba(217,154,43,0.14); }

/* count and gold tag */
.gtag { background:#fff; border:1px solid rgba(107,20,40,0.12); }

/* borders */
.bborder { border-bottom:1px solid rgba(107,20,40,0.12); }
.tborder { border-top:1px solid rgba(107,20,40,0.12); }
.lborder, .ppanel { border-left:1px solid rgba(107,20,40,0.12); }
.rborder { border-right:1px solid rgba(107,20,40,0.12); }
.fborder { border:1px solid rgba(107,20,40,0.12); }

/* sidebar */
.bsidebar { background:#6b1428; color:#fff; }

/* background major elements: panel, page menu, float menu, modal, chat boxes */
.backglob { background:#fff; }
.back_chat { background:#fff; }
.back_priv { background:#fff; }
.back_panel { background:#fff; }
.back_menu { background:#fff; }
.back_pmenu { background:#7a1b31; color:#fff; }
.back_box { background:#fff8ed; }
.back_input { background:#fff; border-top:1px solid rgba(107,20,40,0.10); }
.back_modal { background:#fff; }
.page_element { background:#fff; }
.back_quote { background:#fff4e4; }
.back_page { background:#6b1428; color:#fff; }

/* theme colors */
.theme_color { color:#d99a2b; }
.default_color { color:#8f1f35; }
.error { color:#c0392b; }
.success { color:#7d9c3c; }
.warn { color:#d99a2b; }
.subi { color:#d99a2b; }

/* buttons */
.theme_btn, .back_theme { background:#d99a2b; color:#fff; }
.default_btn, .back_default { background:#8f1f35; color:#fff; }
.defaultd_btn { background:#c94a35; color:#fff; }
.ok_btn { background:#7d9c3c; color:#fff; }
.warn_btn { background:#d99a2b; color:#fff; }
.delete_btn { background:#b23a2e; color:#fff; }
.send_btn { color:#d99a2b; }

/* user list & misc */
.user { color:#4a2630; }
.offline { opacity:0.5; }
.menui { color:#d99a2b; }
.reply_item { background:#fff0d8; }
.main_post_item { color:rgba(107,20,40,0.55); }
.input_item { color:#b78357; }

/* private messages
   Received (target) = light blue, Sent (hunter) = peach.
   These two MUST stay clearly distinct - do not warm the blue into
   the same beige family as the peach or the bubbles look identical. */
.target_private, .hunt_quote {
    color:#3f2a1c;
    background:#f3d9a0;
    font-weight:bold;
}
.hunter_private, .targ_quote {
    color:#3f2a1c;
    background:#f8e6c7;
    font-weight:bold;
}
.hunter_private {
    padding:10px;
    max-width:220px;
    display:inline-block;
    word-wrap:break-word;
    line-height:1.4em;
    border-radius:10px;
}

/* quote tags */
.cquote {
    padding:6px;
    border-radius:5px;
    display:inline-block;
    max-width:100%;
    background:#f8e6c7;
}
.targ_quote {
    padding:6px;
    border-radius:5px;
    display:inline-block;
    max-width:100%;
    background:#f8e6c7;
}

/* tabs */
.tab_menu { background:#ffffff; box-shadow:0 1px 3px rgba(107,20,40,0.15); }
.tab_selected { background:rgba(217,154,43,0.14); }

/* modal menu */
.modal_mback { background:rgba(217,154,43,0.05); }
.modal_mborder { border-bottom:1px solid rgba(107,20,40,0.12); }
.modal_selected {
    background:rgba(217,154,43,0.14);
    color:#8f1f35;
    padding-left:15px;
    padding-right:15px;
}
.modal_back { background-color:rgba(45,8,18,0.45); }

/* chat logs */
.mbubble { background:#fff0d8; }
.my_log { background:#8f1f35; color:#fff; }

/* special log */
.topic_log {
    font-family:"Kalam";
    font-weight:bold;
    color:#6b1428;
    border-radius:10px;
    background-color:rgba(217,154,43,0.18);
}
.seen { background:#f3dfc6; color:#8f1f35; }

.user_item {
    position:relative;
    display:table;
    table-layout:fixed;
    width:100%;
    cursor:pointer;
    padding:5px 10px;
    border-radius:5px;
    background:rgba(217,154,43,0.05);
    margin:5px 0;
}

/* uploads */
.bprogress { background:#7d9c3c; color:#fff; }

/* notif */
.bnotify { background:#b23a2e; color:#fff; }
.foot_notify, .head_notify { border:1px solid #fff; }

/* dates & sub text */
.sub_date { color:#b88b75; }
.sub_chat, .sub_priv { color:#c49b7e; }
.sub_text { color:#8f5c48; }
.list_mooe { color:#4a2630; }

/* likes */
.plikes { background-color:rgba(217,154,43,0.3); color:#fff; }

/* spinner */
.bspin { color:rgba(107,20,40,0.3); }

/* special chat item */
.my_notice {
    color:#fff;
    background:#d99a2b;
    padding:3px 10px;
    display:inline-block;
    line-height:1em;
    margin-top:2px;
    border-radius:20px;
    font-weight:bold;
}
.system_text { background:#fff8ed; color:#80513d; }

.post_video { background:#d99a2b; }

/* slider */
.boom_slider .ui-widget-content { background:#fff3df; }
.boom_slider .ui-state-default { background:#f3cf75 !important; }
.boom_slider .ui-state-active { background:#d99a2b !important; }
.boom_slider .ui-slider-range { background:#e9b85d; }

/* select input color - kept as the original v10 neutral greys */
.selectboxit-list, .selectboxit-btn { background-color: #f6f6f6; color:#666; border:1px solid #e6e6e6 !important; }
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor { background-color: #ededed; color:#666; }
.selectboxit-default-arrow { border-top: 4px solid #666; }
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active { background:#f6f6f6; color:#666; }
.selectboxit-options { background:#fff; border:1px solid #ccc; }
.selectboxit-list .selectboxit-option-anchor { color:#666; }
.selectboxit-container .selectboxit {
    width: 100%;
    cursor: pointer;
    margin: 0;
    padding: 0;
    background: #ededed;
    border-radius: 3px;
    overflow: hidden;
    display: block;
    position: relative;
}

/* header/footer background elements
   NOTE: the original file was missing the closing brace on this rule,
   which silently swallowed the three rules that followed it. */
.top_background, .background_header, .chat_head, .panel_top, .emo_head {
    background:linear-gradient(to bottom, #8b1833, #c94a35);
    color:#fff;
}
/* Footer sits slightly deeper than the header so the page is anchored */
.chat_footer {
    background:#6b1428;
    color:#fff;
}

.background_chat { background:#fff; }
.chat_panel { background:#fff; }
.background_box { background:#fff; color:#4a2630; }

/* modal overlays */
.small_modal_out, .large_modal_out {
    display:none;
    position:fixed;
    z-index:1000;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgba(45,8,18,0.10);
    cursor:pointer;
}
.over_modal_out, .over_emodal_out {
    display:none;
    position:fixed;
    z-index:1001;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgba(45,8,18,0.10);
    cursor:pointer;
}

/* kill the mobile tap-highlight flash inside modals */
.small_modal_out, .small_modal_out *,
.large_modal_out, .large_modal_out *,
.over_modal_out, .over_modal_out *,
.over_emodal_out, .over_emodal_out *,
.top_modal_out, .top_modal_out * {
    -webkit-tap-highlight-color: transparent;
}

/* close icon
   Default red reads as "close/delete" on light surfaces, but on the dark
   panel headers (private chat, modals, float menus) it clashes with the
   white icons sitting next to it - so inherit the header's white there. */
.fa-times { color:#b23a2e; }
.bhead .fa-times,
.modal_top .fa-times,
.float_top .fa-times,
.float_ctop .fa-times,
.pro_top .fa-times,
.back_ptop .fa-times,
.top_panel .fa-times,
.foot .fa-times,
.panel_top .fa-times,
.emo_head .fa-times,
.chat_head .fa-times {
    color:#fff;
}

/* ============================================================
   DIWALI GLOW — full-page background + complete CodyChat coverage
   Background image is bundled beside this stylesheet and also declared
   in manifest.json for theme managers that use background_image.
   ============================================================ */
html, body {
    min-height:100%;
    background-color:#4b0b1d !important;
}
body {
    color:#4a2630;
    background-image:
        linear-gradient(rgba(65,5,22,.28), rgba(65,5,22,.42)),
        url("diwali-background.jpeg") !important;
    background-position:center center !important;
    background-size:cover !important;
    background-attachment:fixed !important;
    background-repeat:no-repeat !important;
}
/* Keep the wallpaper visible behind the app while preserving readable cards. */
#main_content, #page_content, #main_page, #main_container,
#page_container, .main_content, .page_content, .main_page,
.page_container, .page_wrapper {
    background:transparent;
}
/* Main CodyChat surfaces */
.backglob, .back_chat, .back_priv, .back_panel, .back_menu,
.back_modal, .page_element, .chat_panel, .background_chat,
.background_box, .back_box {
    background:rgba(255,248,237,.94) !important;
    color:#4a2630;
}
.back_input, .post_input_container, input, textarea,
.selectboxit-list, .selectboxit-btn, .selectboxit-options {
    background:rgba(255,250,242,.98);
    color:#4a2630;
}
.back_pmenu { background:#7a1b31 !important; color:#fff !important; }
.back_page, .bfoot, .chat_footer, .bsidebar {
    background:#5b1022 !important;
    color:#fff !important;
}
.bhead, .modal_top, .pro_top, .foot, .float_top, .float_ctop,
.back_ptop, .top_background, .background_header, .chat_head,
.panel_top, .emo_head {
    background:linear-gradient(115deg,#741027 0%,#a52235 48%,#d18a25 100%) !important;
    color:#fff !important;
}
.theme_color, .subi, .menui, .pselected, .send_btn { color:#c58a24 !important; }
.theme_btn, .back_theme { background:linear-gradient(135deg,#d69b32,#b76b20) !important; color:#fff !important; }
.default_btn, .back_default { background:#8f1f35 !important; color:#fff !important; }
.defaultd_btn { background:#c94a35 !important; color:#fff !important; }
.my_log, .my_notice, .post_video { background:#8f1f35 !important; color:#fff !important; }
.mbubble, .reply_item, .system_text { background:#fff0d8 !important; color:#4a2630; }
.target_private, .hunt_quote { background:#f5dfad !important; color:#4a2630 !important; }
.hunter_private, .targ_quote, .cquote { background:#f8e6c7 !important; color:#4a2630 !important; }
.seen { background:#f3dfc6 !important; color:#8f1f35 !important; }
.bback, .bbackhover, .user_item, .modal_mback { background:rgba(217,154,43,.08); }
.bbackb, .bbackhoverb { border-color:rgba(217,154,43,.24); }
.bhover:hover, .bhoverr:hover, .bmenu:hover, .submenu:hover,
.blisting:hover, .bbackhover:hover, .bbackhoverb:hover { background:rgba(217,154,43,.16); }
.bselected, .rselected, .tab_selected, .modal_selected,
.pagselected, .pag_btn:hover, .cselected, .liked { background:rgba(217,154,43,.20); }
.bborder, .tborder, .lborder, .rborder, .fborder,
.blist, .blisting, .modal_mborder { border-color:rgba(107,20,40,.16); }
.bshadow, .page_element, .float_menu, .btnshadow, .pboxed {
    box-shadow:0 3px 12px rgba(75,11,29,.14);
}
/* Keep menus, modals and floating panels above the wallpaper, never transparent. */
.float_menu, .back_menu, .back_panel, .back_modal,
.small_modal_in, .large_modal_in, .over_modal_in, .over_emodal_in,
.top_modal_in, .tab_menu, .page_menu {
    background-color:#fff8ed;
    color:#4a2630;
}
/* Tap feedback: gold pulse on each press without intercepting CodyChat actions. */
@keyframes diwaliTapGlow {
    0%   { box-shadow:0 0 0 0 rgba(232,178,65,0); transform:scale(1); }
    35%  { box-shadow:0 0 0 5px rgba(232,178,65,.30), 0 0 18px rgba(232,178,65,.45); transform:scale(.97); }
    100% { box-shadow:0 0 0 0 rgba(232,178,65,0); transform:scale(1); }
}
button:active, .theme_btn:active, .default_btn:active,
.bmenu:active, .submenu:active, .bpmenu:active,
.user_item:active, .tab_menu:active, .pag_btn:active,
a:active, .post_options:active, .menui:active {
    animation:diwaliTapGlow .42s ease-out;
    -webkit-tap-highlight-color:rgba(232,178,65,.18);
}
button, a, .bmenu, .submenu, .bpmenu, .user_item, .pag_btn {
    -webkit-tap-highlight-color:rgba(232,178,65,.16);
}
@media (prefers-reduced-motion: reduce) {
    button:active, .theme_btn:active, .default_btn:active,
    .bmenu:active, .submenu:active, .bpmenu:active,
    .user_item:active, .tab_menu:active, .pag_btn:active,
    a:active, .post_options:active, .menui:active { animation:none; }
}